<script lang="ts" setup>

const props = defineProps<{
    text: string,
    type?: 'enable' | 'disable'
}>()
</script>

<template>
    <div :class="['badge-tag', props.type ? `badge-tag-${props.type}` : '']">
        {{props.text}}
    </div>
</template>

<style scoped>
.badge-tag, .badge-tag-enable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid #67c23a;
    color:#fff;
    background: #67c23a;
    border-radius: 12px;
    margin: 2px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
}
.badge-tag-disable {
    background-color: #909399;
    border-color: #909399;
}
</style>